import Mock from 'mockjs';
// 内存模拟数据
const arr = [];
for (let i = 0; i < 10; i++) {
  // @xxx 这是 mockjs 的占位符语法

  arr.push({
    id: Mock.mock('@guid'), // @guid 生成一个唯一的字符串
    name: Mock.mock('@cname'), // @cname 生成一个随机的中文名字
    place: Mock.mock('@county(true)'), // @county 生成一个城市，true 表示是否使用完整地址
  });
}

// 默认导出的数组中，一个对象就是一个模拟的API接口
export default [
  {
    url: '/list', // 地址
    method: 'get', // 请求方法
    // 响应的回调
    response: () => {
      // 返回值就是 客户端请求该API接口时，响应的数据
      return arr;
    },
  },
  {
    url: '/del/:id',
    method: 'delete',
    response: req => {
      console.log('[ req ]-29', req);
      const { url, query, body, headers } = req;
      console.log('[ url ]-31', url); // 请求地址  ==> 这种形式的 /del/:id ==> 动态参数需要自己手动解析获取
      console.log('[ query ]-29', query); // 查询参数 ==> axios ==> params
      console.log('[ body ]-29', body); // 请求体数据 ==> axios ==> data
      console.log('[ headers ]-29', headers); // 请求头 ==> axios ==> headers

      const index = arr.findIndex(item => item.id === query.id);
      arr.splice(index, 1);
      return { success: true };
    },
  },
];
